<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<title>用户登录</title>

		<link rel="stylesheet" href="../library/css/mui.min.css" />
		<style>
			header.mui-bar-nav {
				webkit-box-shadow: none;
				box-shadow: none;
				background-color: transparent;
			}
			
			header.mui-bar-nav .mui-title {
				display: none;
			}
			
			.mui-bar-nav a {
				color: #fff;
			}
			
			.input {
				padding: 5px;
			}
			
			#userloginbox .mui-card {
				padding: 0px;
				background: transparent;
				border: none;
			}
			
			.mui-btn-block {
				padding: 10px;
				margin: 20px auto 40px auto;
				clear: both;
				overflow: hidden;
			}
			
			#userloginbox .pwddiv {
				position: relative;
			}
			
			#userloginbox .pwddiv>input {
				border: none;
				margin: 0px;
				font-size: 16px;
				padding: 15px 15px 15px 32px !important;
				border-radius: 0px;
				height: auto;
				border-bottom: 1px solid #cce5f3;
				color: #fff;
				background-color: transparent;
			}
			
			#userloginbox input {
				color: #f00;
			}
			
			.pwddiv input::-webkit-input-placeholder {
				color: #6cbee3;
			}
			
			body {
				background: #0074be url(../library/images/img/findpswbg.png) center top no-repeat;
				background-size: 100%;
			}
			
			.findpwdicon {
				text-align: center;
				margin: 60px auto 40px;
			}
			
			.findpwdicon>div {
				background-color: #fff;
				width: 100px;
				height: 90px;
				padding-top: 6px;
				margin: 0px auto;
				text-align: center;
				border-radius: 20px;
			}
			
			.findpwdicon div span {
				color: #00ace0;
				font-size: 56px;
				font-weight: bold;
			}
			
			.findpwdicon div p {
				color: #00ace0;
				ine-height: 30px;
				font-size: 18px;
			}
			
			#account {
				background: transparent url(../library/images/img/find_phone.png) left center no-repeat;
				background-size: 25px;
			}
			
			#password {
				background: url(../library/images/img/find_check.png) left center no-repeat;
				background-size: 25px;
			}
			
			#get_checkcode {
				position: absolute;
				top: 64px;
				right: 1px;
			}
			
			#get_checkcode button {
				display: inline-block;
				width: 5em;
				padding: 0px;
				height: 24px;
				line-height: 24px;
				font-size: 15px;
				background-color: transparent;
				border: none;
			}
			
			#login {
				display: block;
				width: 100%;
				color: #0072bd;
				background-image: linear-gradient(to top left, #cac9c9, #fff);
				border: none;
			}
			
			#userloginbox {
				width: 78%;
				margin: 0px auto;
				position: relative;
				background-color: transparent;
			}
			
			#userloginbox .mui-card {
				margin: 0px;
				padding: 0px;
			}
			
			#loginPostbox {
				margin: 0px;
				padding: 0px;
			}
			
			#loginPostbox #login {
				display: block;
				margin: 22px 0px 0px;
				padding: 0px;
				height: 46px;
				line-height: 46px;
				font-size: 18px;
			}
			
			#userloginbox .pwddiv #loginforpwd {
				z-index: 10;
				width: 90px;
				height: 40px;
				position: absolute;
				top: 0px;
				right: -33px;
				padding: 0px;
			}
			
			#userloginbox .pwddiv #loginforpwd:after,
			#userloginbox .mui-input-row::after {
				height: 0px;
			}
			
			#userloginbox .mui-table-view {
				background: transparent;
			}
			
			#userloginbox .mui-input-group .mui-input-row {
				height: auto;
			}
			
			#userloginbox p {
				padding: 0px;
				margin: 16px 0px 0px;
			}
			
			#userloginbox p .mui-btn-link {
				display: block;
				color: #fff;
				text-align: right;
				padding: 0px;
				margin: 0px;
				font-size: 15px;
			}
			
			#userloginbox p button:nth-last-child(2) {
				float: right;
				width: 5em;
			}
		</style>
	</head>

	<body>
		<div class="findpwdicon">
			<div>
				<span class="mui-icon mui-icon-person"></span>
				<p>用户登录</p>
			</div>
		</div>

		<div class="mui-content" id="userloginbox">
			<div class="mui-card">
				<div class="mui-input-group mui-table-view">
					<div class="mui-input-row pwddiv">
						<input type="text" class="input mui-input-clear " autocomplete="off" id='account' placeholder="请输入手机号" />
					</div>
					<div class="mui-input-row pwddiv">
						<input type="password" id='password' class="mui-input-clear input" autocomplete="off" placeholder="请输入密码" />
						<div class="mui-table-view-cell" id="loginforpwd">
							<span></span>
							<div class="mui-switch mui-switch-green mui-switch-mini">
								<div class="mui-switch-handle"></div>
							</div>
						</div>
					</div>
					<div class="mui-button-row" id="loginPostbox">
						<button type="button" class="mui-btn mui-btn-block mui-btn-primary" id='login'>登录</button>
					</div>
				</div>
			</div>
			<p>
				<button class="mui-btn mui-btn-link" id='forgetPassword'>忘记密码</button>
			</p>
		</div>
		<script type="text/javascript" src="../library/js/libs/core.js" ></script>
		<script type="text/javascript" src="../library/js/libs/enc-base64.js" ></script>
		<script data-main="../library/js/app/main/login" src="../library/js/libs/require.js"></script>
		

	</body>

</html>